﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>学生后勤报修系统</title>
	<!-- Fav  Icon Link -->
	<link rel="shortcut icon" type="image/png" th:href="@{/images/fav.png}">
	<!-- Bootstrap core CSS -->
	<link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
	<!-- themify icons CSS -->
	<link rel="stylesheet" th:href="@{/css/themify-icons.css}">
	<!-- Animations CSS -->
	<link rel="stylesheet" th:href="@{/css/animate.css}">
	<!-- Main CSS -->
	<link rel="stylesheet" th:href="@{/css/styles.css}">
	<link rel="stylesheet" th:href="@{/css/red.css}" id="style_theme">
	<link rel="stylesheet" th:href="@{/css/responsive.css}">
	<!-- morris charts -->
	<link rel="stylesheet" th:href="@{/charts/css/morris.css}">
	<!-- jvectormap -->
	<link rel="stylesheet" th:href="@{/css/jquery-jvectormap.css}">

	<script th:src="@{/js/modernizr.min.js}"></script>
</head>

<body>
<!-- Pre Loader -->

<div class="loading" style="display: none;">
	<div class="spinner">
		<div class="double-bounce1"></div>
		<div class="double-bounce2"></div>
	</div>
</div>
<!--/Pre Loader -->
<!-- Color Changer -->
<div class="theme-settings" id="switcher">
		<span class="theme-click">
			<span class="ti-settings"></span>
		</span>
	<span class="theme-color theme-default theme-active" data-color="red"></span>
	<span class="theme-color theme-blue" data-color="blue"></span>
	<span class="theme-color theme-red" data-color="red"></span>
	<span class="theme-color theme-violet" data-color="violet"></span>
	<span class="theme-color theme-yellow" data-color="yellow"></span>
</div>
<!-- /Color Changer -->
<div class="wrapper">
	<!-- Page Content -->
	<div id="content">
		<!-- Top Navigation -->
		<div class="container top-brand">
			<nav class="navbar navbar-default">
				<div class="navbar-header">
					<div class="sidebar-header"> <a href="/index.html"><img src="/images/logo-dark.png" class="logo" alt="logo"></a>
					</div>
				</div>
				<ul class="nav justify-content-end">



					<li class="nav-item">
						<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="/#" role="button" aria-haspopup="true" aria-expanded="false">
							<span class="ti-user"></span>
						</a>
						<div class="dropdown-menu lochana-box-shadow2 profile animated flipInY">
							<h5>John Willing</h5>

							<a class="dropdown-item" th:href="@{/user}"/>
								<span class="ti-power-off"></span>登录</a>
						</div>
					</li>
				</ul>

			</nav>
		</div>
		<!-- /Top Navigation -->
		<!-- Menu -->
		<div class="container menu-nav" id="app-Menu-Baoxiu">
			<nav class="navbar navbar-expand-lg lochana-bg text-white">
				<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
					<span class="ti-menu text-white"></span>
				</button>

				<div class="collapse navbar-collapse" id="navbarSupportedContent">
					<ul class="navbar-nav mr-auto">
						<li class="nav-item dropdown ">
							<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="/#" role="button" aria-haspopup="true" aria-expanded="false"><span class="ti-home"></span>公告</a>
							<div class="dropdown-menu">
								<a class="dropdown-item" href="/app/main">首页</a>
							</div>
						</li>

						<li class="nav-item dropdown">
							<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="/#" role="button" aria-haspopup="true" aria-expanded="false"><span class="ti-file"></span>我要报修</a>
							<div class="dropdown-menu">
								<a class="dropdown-item" href="/app/rep/checkinsert">普通报修</a>
								<a class="dropdown-item" href="/sign-up.html">紧急报修</a>
							</div>
						</li>

						<li class="nav-item dropdown">
							<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="/#" role="button" aria-haspopup="true" aria-expanded="false"><span class="ti-pencil-alt"></span>我的报修</a>
							<div class="dropdown-menu">
								<a class="dropdown-item" href="/app/checkrep">查看报修信息</a>
							</div>
						</li>

						<li class="nav-item dropdown">
							<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="/#" role="button" aria-haspopup="true" aria-expanded="false"><span class="ti-layout-tab"></span>更改密码</a>
							<div class="dropdown-menu">
								<a class="dropdown-item" href="/app/checkpwd">修改密码</a>
							</div>
						</li>


					</ul>
				</div>
			</nav>
		</div>
		<!-- /Menu -->
		<!-- Breadcrumb -->
		<!-- Page Title -->
		<div class="container mt-0 ">
			<div class="row breadcrumb-bar" style="background: linear-gradient(to left, #fff, #fff)">
				<div class="col-md-6">
					<h3 class="block-title">公告</h3>
				</div>
			</div>
		</div>
		<!-- /Page Title -->
		<!-- /Breadcrumb -->
		<!-- Main Content -->
		<div class="container home">
			<div class="row">
				<!-- Item -->
				<div class="widget-area-2 lochana-box-shadow">
					<!-- Item -->
					<h3 class="widget-title"></h3>
					<div class="lochana-widget mb-3">
						<div id="accordion_light">
							<div class="card">
								<div class="accordion-header" id="heading1">
									<h5 class="mb-0 collapsed" data-toggle="collapse" data-target="#collapse1" aria-expanded="false" aria-controls="collapse1">
										Collapsible Group Item #1
									</h5>
								</div>

								<div id="collapse1" class="collapse" aria-labelledby="heading1" data-parent="#accordion_light" style="">
									<div class="card-body">
										<small>pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf
											moon officia aute,
											non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon
											tempor, sunt
											aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh
											helvetica,
											craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo.
											Leggings
											occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them
											accusamus
											labore sustainable VHS.</small>
									</div>
								</div>
							</div>
							<div class="card">
								<div class="accordion-header" id="heading2">
									<h5 class="mb-0 collapsed" data-toggle="collapse" data-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
										Collapsible Group Item #2
									</h5>
								</div>
								<div id="collapse2" class="collapse" aria-labelledby="heading2" data-parent="#accordion_light" style="">
									<div class="card-body">
										<small>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3
											wolf moon officia
											aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf
											moon tempor,
											sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh
											helvetica,
											craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo.
											Leggings
											occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them
											accusamus
											labore sustainable VHS.</small>
									</div>
								</div>
							</div>
							<div class="card">
								<div class="accordion-header" id="heading3">
									<h5 class="mb-0" data-toggle="collapse" data-target="#collapse3" aria-expanded="true" aria-controls="collapse3">
										Collapsible Group Item #3
									</h5>
								</div>
								<div id="collapse3" class="collapse show" aria-labelledby="heading3" data-parent="#accordion_light" style="">
									<div class="card-body">
										<small>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3
											wolf moon officia
											aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf
											moon tempor,
											sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh
											helvetica,
											craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo.
											Leggings
											occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them
											accusamus
											labore sustainable VHS.</small>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- /Item -->
				</div>
				<!-- Widget Item -->
				<div class="container home">
				<div class="row">
					<!-- Widget Item -->
					<div class="col-md-4">
						<div class="widget-area lochana-box-shadow color-red">
							<div class="widget-left">
								<span class="ti-bar-chart"></span>
							</div>
							<div class="widget-right">
								<h4 class="wiget-title">总量</h4>
								<span class="numeric color-red">348</span>
								<p class="inc-dec mb-0"><span class="ti-angle-up"></span> +20% 增长</p>
							</div>
						</div>
					</div>
					<!-- /Widget Item -->
					<!-- Widget Item -->
					<div class="col-md-4">
						<div class="widget-area lochana-box-shadow color-green">
							<div class="widget-left">
								<span class="ti-hummer"></span>
							</div>
							<div class="widget-right">
								<h4 class="wiget-title">待修</h4>
								<span class="numeric color-green">1585</span>
								<p class="inc-dec mb-0"><span class="ti-angle-down"></span> -15% 减少</p>
							</div>
						</div>
					</div>
					<!-- /Widget Item -->
					<!-- Widget Item -->
					<div class="col-md-4">
						<div class="widget-area lochana-box-shadow color-yellow">
							<div class="widget-left">
								<span class="ti-check"></span>
							</div>
							<div class="widget-right">
								<h4 class="wiget-title">已修</h4>
								<span class="numeric color-yellow">7300</span>
								<p class="inc-dec mb-0"><span class="ti-angle-up"></span> +10% 增长</p>
							</div>
						</div>
					</div>
				</div>
					<!-- /Widget Item -->
				</div>
				<!-- /Widget Item -->
				<!-- Widget Item -->
				<div class="row">
					<!-- Widget Item -->
					<div class="col-md-12">
						<div class="widget-area-2 lochana-box-shadow">
							<h3 class="widget-title">报修需知</h3>
							<div class="table-responsive">
								<p>一、为了保障您的维修能正常进行，请您在报修时填写真实的资料，以便我们和您联系。

									二、报修时如果为多个项目，请分别填写报修件，方便我们对维修进行合理的安排。

									三、收到您的信息后我们的工作人员会根据具体情况及时安排维修，并以最快的速度帮您解决问题，希望您填写信息时务必保证信息的准确性，以便提高工作效率，感谢支持。
								</p>
							</div>
						</div>
					</div>
					<!-- /Widget Item -->

				<!-- Widget Item -->

				<!-- /Widget Item -->
				<!-- Widget Item -->

				<!-- /Widget Item -->
				<!-- Widget Item -->

				<!-- /Widget Item -->
			</div>



			<div class="row">
				<!-- Widget Item -->
				<div class="col-md-12">

				</div>
				<!-- /Widget Item -->
			</div>


		</div>
		<!-- /Main Content -->
		<!--Copy Rights-->
		<div class="container">
			<div class="d-sm-flex justify-content-center">
				<span class="text-muted text-center d-block d-sm-inline-block">Copyright © 2021 <a href="/#" target="_blank">konnectcode</a>. All rights reserved.</span>
			</div>
		</div>
		<!-- /Copy Rights-->
	</div>
	<!-- /Page Content -->
</div>
<!-- Back to Top -->
<a id="back-to-top" href="/#" class="back-to-top" style="display: inline;">
	<span class="ti-angle-up"></span>
</a>
<!-- /Back to Top -->
<!-- Jquery Library-->
<script src="/js/jquery-3.2.1.min.js"></script>
<!-- Popper Library-->
<script src="/js/popper.min.js"></script>
<!-- Bootstrap Library-->
<script src="/js/bootstrap.min.js"></script>
<!-- morris charts -->
<script src="/charts/js/raphael-min.js"></script>
<script src="/charts/js/morris.min.js"></script>
<script src="/js/custom-morris.js"></script>

<!-- Custom Script-->
<script src="/js/custom.js"></script>

</div>
</body>

</html>